/*------------------------------------*
    #PANEL
/*------------------------------------*

.panel-header
  position: relative
  padding: $padding-large-vertical $padding-base-horizontal
  +box-shadow (0 3px 6px rgba(0, 0, 0, 0.1))

.panel-icon
  position: absolute
  top: 32%
  width: auto

.panel-tool
  position: absolute
  top: 0
  right: 0
  display: table
  & > a
    display: table-cell
    width: 30px
    height: 39px
    background-color: rgba(0,0,0, 0.2)
    +transform (translateZ(0))
    +backface-visibility (hidden)
    +transition-duration(0.3s)
    text-align: center
    vertical-align: middle
    &:last-child
      border-right: 0
    &:first-child
      border-left: 0
    &::before
      +transform (translateZ(0))
      +transition-duration (0.3s)
      +transition-property (color)
      +transition-timing-function (ease-out)
    &:hover
      &::before
        color: rgba(255, 255, 255, 0.2)

.theme-default
  & .panel-icon,
  & .panel-title
    color: lighten($brand-default, 50%)
  & .panel-footer
    background-color: #E6E6E6

.theme-material
  & .panel-default
    & .panel-title,
    & .panel-icon
      color: #666
  & .panel-primary,
  & .panel-info,
  & .panel-success,
  & .panel-warning,
  & .panel-danger
    & .panel-title,
    & .panel-icon
      color: #fff
  & .panel-footer
    background-color: #ddd

.panel-title
  font-size: $font-size-base
  margin: 0

.panel-tool-icon
  color: lighten($brand-default, 30%)
  +transition(color, .28s, ease-out)

.panel-footer
  padding: $padding-large-vertical 15px
  border-top: 1px solid #d7d7d7

.panel-body
  overflow: auto

.panel-noscroll
  overflow: hidden

.panel-with-icon
  padding-left: 20px

.panel-fit,
.panel-fit body
  height: 100%

.panel-loading
  +inline-block()
  width: 100%
  margin: 20% 0
  +border-radius(80px)
  text-align: center
  font-size: 20px
  &::before
    +inline-block()
    margin-right: 8px
    +font-icons(FontAwesome, '\f110', 20px, #000)
    +animation (fa-spin 1s infinite steps(8))

.panel-tool-close
  border-right: 1px solid rgba(0,0,0,0.1)
  border-left: 1px solid rgba(0,0,0,0.2)
  &::before
    +font-icons(FontAwesome, '\f00d', 14px, #d7d7d7)

.panel-tool-min
  border-right: 1px solid rgba(0,0,0,0.1)
  border-left: 1px solid rgba(0,0,0,0.2)
  &::before
    +font-icons(FontAwesome, '\f068', 14px, #d7d7d7)

.panel-tool-max
  border-right: 1px solid rgba(0,0,0,0.1)
  border-left: 1px solid rgba(0,0,0,0.2)
  &::before
    +font-icons(FontAwesome, '\f065', 14px, #d7d7d7)

.panel-tool-restore
  border-right: 1px solid rgba(0,0,0,0.1)
  border-left: 1px solid rgba(0,0,0,0.2)
  &::before
    +font-icons(FontAwesome, '\f066', 14px, #d7d7d7)

.panel-tool-collapse
  border-right: 1px solid rgba(0,0,0,0.1)
  border-left: 1px solid rgba(0,0,0,0.2)
  &::before
    +font-icons(FontAwesome, '\f151', 14px, #d7d7d7)

.panel-tool-expand
  border-right: 1px solid rgba(0,0,0,0.1)
  border-left: 1px solid rgba(0,0,0,0.2)
  &::before
    +font-icons(FontAwesome, '\f150', 14px, #d7d7d7)
